<template>
  <div>
    <!-- v-model="vue变量" 用于表单元素 -->
    <h1>v-model</h1>
    <input type="text" v-model="motto">
    <h4>来自于</h4>
    <!-- 下拉菜单要绑定在 select 上面 -->
    <select v-model="city">
      <option value="诺克萨斯">诺克萨斯市</option>
      <option value="恕瑞玛">恕瑞玛市</option>
      <option value="皮城">皮城市</option>
      <option value="oldsix">oldsix市</option>
    </select>
    <h4>爱好</h4>
    <!-- 当用 v-model 绑定复选框 -->
    <input type="checkbox" value="唱" v-model="hobby">唱歌
    <input type="checkbox" value="跳" v-model="hobby">跳舞
    <input type="checkbox" value="打" v-model="hobby">打篮球

    <h4>性别</h4>
    <input type="radio" value="0" name="gender" v-model="gender">男
     <input type="radio" value="1" name="gender" v-model="gender">女

     <h4>自我介绍</h4>
     <textarea name="" id="" cols="30" rows="10" v-model="intr"></textarea>
  </div>
</template>

<script>
export default {
  data() {
    return {
      motto:'你这个九江老，前我钱为什么不换',
      city:'皮城',
      hobby:[],
      gender:'0',
      intr:'有些人，一眼望年'

    }
  }

}
</script>

<style>

</style>